<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百合网</title>
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/article.css" rel="stylesheet" type="text/css" />
<link href="css/footer.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/acticle.js"></script>
<script type="text/javascript" src="js/homeFocus.js"></script>

</head>

<body>
	<header>
    	<script type="text/javascript" src="js/header.js"></script>
    </header>
    <script>var uls=document.getElementsByClassName("menu_more");
	for(var i=0;i<uls.length;i++){
		uls.item(i).onmouseover=function(){
			this.getElementsByTagName("ul")[0].style.display="block";
		}
		uls.item(i).onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.display="none";
		}
		
	}</script>
    
    <div>
    	<div></div>	
    </div>
    
    <div id="ritfllow">
		<a class="gotopBtn" style="visibility: visible; height: 40px;" href="#">top</a>
    </div>
     
     <div id="nextPicList" >
     	<input type="button" value="换一换" id="nextPic" style="display:none;" onclick="hzhnextpic()"/>
     </div>
     
    <div id="homeFocus">
    	<div class="homeFocusBgList">
        	<ul>
            	<li class="homeFocusBg" style="background:#FFEEF4;display:block;"></li>
            	<li class="homeFocusBg" style="background:url(images/homePic_2_bottom.jpg) 50% 0% no-repeat;display:none;"></li>
                <li class="homeFocusBg" style="background:url(images/homepic_3_bottom.jpg) 50% 0% no-repeat;display:none;"></li>
                <li class="homeFocusBg" style="background:url(images/homepic_4_bottom.jpg) 50% 0% no-repeat;display:none;"></li>
                <li class="homeFocusBg" style="background:url(images/homepic_5_bottom.jpg) 50% 0% no-repeat;display:none;"></li>
                <li class="homeFocusBg" style="background:url(images/homepic_6_bottom.jpg) 50% 0% no-repeat;display:none;"></li>
            </ul>      
        </div>        	
            <div class="focusCont">
                <div class="focusPic">
                    <div class="arrowFocus" style="left:0px;">
                        <a class="prev" style="display: none;" href="javascript:;">上一张</a>
                    </div>
                    <div class="arrowFocus" style="right:0px;">
                        <a class="next" style="display: none;" href="javascript:;">下一张</a>
                    </div>
                    
                    <ul class="cont">
                        <li class="focus">
                        <img class="homepic" src="images/homepic_1.jpg" /></li>
                        <li class="focus">
                        <img class="homepic" src="images/homepic_2.jpg" style="display:none" /></li>
                        <li class="focus">
                        <img class="homepic" src="images/homepic_3.gif" style="display:none" /></li>
                        <li class="focus">
                        <img class="homepic" src="images/homepic_4.jpg" style="display:none" /></li>
                        <li class="focus">
                        <img class="homepic" src="images/homepic_5.jpg" style="display:none" /></li>
                        <li class="focus">
                        <img class="homepic" src="images/homepic_6.jpg" style="display:none" /></li>
                    </ul>
                    <ol class="icon">
                        <li class="" value="0">1</li>
                        <li class="" value="1">2</li>
                        <li class="" value="2">3</li>
                        <li class="" value="3">4</li>
                        <li class="" value="4">5</li>
                        <li class="" value="5">6</li>
                    </ol>
                    
                </div>
                
                
                <div class="content" >
                    <div id="persData" class="persData">
							<a id="userID" href="photoTest.html">
							<c:if test="${currentUserList[0].get('TOUXIANG')==null }">
								<img class="headPic" alt="" src="images/1.jpg">
							</c:if>
							<c:if test="${currentUserList[0].get('TOUXIANG')!=null }">
								<img class="headPic" alt="" src="${currentUserList[0].get("TOUXIANG") }">
							</c:if>
							</a>
							<p id="nickName">${currentUserList[0].get("NICKNAME") }</p>
							<center>
								<a href="#">资料完整度</a>
							</center>
							<div class="speed">
								<div class="strip" style="width: 44%;"></div>
								<a id="dataIntegrity" class="dataIntegrity" href="#" style="cursor: pointer;">44%</a>
							</div>
                            <div class="list">
                            	<ul>
                                    <li>
                                    <a target="_blank" href="#">
                                    <strong id="persDataMsNum">0</strong>
                                    <span>未读消息</span>
                                    </a>
                                    </li>
                                    <li>
                                    <a target="_blank" href="#">
                                    <strong id="redBeanNum" style="color: rgb(189, 189, 189);">0</strong>
                                    <span>我的红豆</span>
                                    </a>
                                    </li>
                                    <li>
                                    <a target="_blank" href="#">
                                    <strong id="persDataPetalNum" style="color: rgb(189, 189, 189);">0</strong>
                                    <span>我的花瓣</span>
                                    </a>
                                    </li>
                                    </ul>
                            </div>
                            <a class="orange" target="_blank" href="mybaihee.jsp">进入我的百合</a>
                        </div>
                    
                </div>
            </div>
     </div>
     
     
     
    <article>	
        <h2 style="z-index:20;">优质会员
        <div class="search">
        	<a id="searchBtn" class="orange" href="javascript:search()">搜索</a>
        	<ul>
            	<li id="status">
                	<label style="cursor:pointer;">我要找: </label>
                    <select id="looks" style="width:80px;">
                    	<c:if test="${currentUserList[0].get('SEX')=='男' }">
        					<option>妩媚动人</option>
                        	<option>清新单纯</option>
        				</c:if>
        				<c:if test="${currentUserList[0].get('SEX')=='女' }">
        					<option>年轻有为</option>
                        	<option>温文尔雅</option>
        				</c:if>
                    </select>
                </li>
                <li id="age">
                	<label>年龄: </label>
                    <select id="agemin" style="width:40px;">
                    	<option>18</option><option>19</option><option>20</option><option>21</option><option>22</option>
                        <option>23</option><option>24</option><option>25</option><option>26</option><option>27</option>
                        <option>28</option><option>29</option><option>30</option><option>31</option><option>32</option>
                        <option>33</option><option>34</option><option>35</option><option>36</option><option>37</option>
                        <option>38</option><option>39</option><option>40</option><option>41</option><option>42</option>
                    </select>
                    <label>至 </label>
                    <select id="agemax" style="width:40px;">
                    	<option>20</option><option>21</option><option>22</option><option>23</option><option>24</option>
                        <option>25</option><option>26</option><option>27</option><option>28</option><option>29</option>
                        <option>30</option><option>31</option><option>32</option><option>33</option><option>34</option>
                        <option>35</option><option>36</option><option>37</option><option>38</option><option>39</option>
                        <option>40</option><option>41</option><option>42</option><option>43</option><option>44</option>
                        <option>45</option><option>46</option><option>47</option><option>48</option><option>49</option>
                        <option>50</option><option>51</option><option>52</option><option>53</option><option>54</option>
                        <option>55</option><option>56</option><option>57</option><option>58</option><option>59</option>
                    </select>
                </li>              
                <li id="selcity">
               		<label style="width:180px;">地区: </label>
                    <select id="province" class="selmar" name="province" tips="省份" rule="required" status="success">
                        <option value="100100">--请选择省份--</option>
                    </select>
                    <select id="city" class="selmar" name="city" tips="城市" rule="required" status="success">
                        <option value="100100">--请选择市、区--</option>
                    </select>
                  
                </li>
            </ul>
        </div>
        </h2>
        
        <div class="picList">
        	<!--<div class="icon">
            	<a href="#" class="icon01">英俊潇洒</a>
                <a href="#" >清新单纯</a>
                <a href="#" >天生丽质</a>
                <a href="#"  class="icon01">年轻有为</a>
                <a href="#"  class="icon01">正太</a>
                <a href="#" >妩媚动人</a>
            </div>-->
            
            <div id="picListDate">
            	<dl>
                	<dt>
                	<c:forEach items="${indexMember}" var="item" begin="0" end="1">
                    	<a class="uphzhpic" href="#">
                    		<img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                    </c:forEach>
                    </dt>
                    <dd>
                    <c:forEach items="${indexMember}" var="item" begin="1" end="5">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                     </c:forEach>
                    </dd>
                </dl>
                
               <dl>
                	<dt>
                	<c:forEach items="${indexMember}" var="item" begin="5" end="6">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                    </c:forEach>
                    </dt>
                    <dd>
                    <c:forEach items="${indexMember}" var="item" begin="6" end="10">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                     </c:forEach>
                    </dd>
                </dl>
                
               <dl>
                	<dt>
                	<c:forEach items="${indexMember}" var="item" begin="10" end="11">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                    </c:forEach>
                    </dt>
                    <dd>
                    <c:forEach items="${indexMember}" var="item" begin="11" end="15">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                     </c:forEach>
                    </dd>
                </dl>
                
                <dl>
                	<dt>
                	<c:forEach items="${indexMember}" var="item" begin="15" end="16">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                    </c:forEach>
                    </dt>
                    <dd>
                    <c:forEach items="${indexMember}" var="item" begin="16" end="20">
                    	<a class="uphzhpic" href="#"><img src="${item.touxiangs }" />
                        	<div class="hzhdata" style="bottom:-30px;">
                            	<div class="back"></div>
                                <p><span>${item.temp1 } ${item.xianarea }</span>${item.nickname }</p>
                            </div>
                        </a>
                     </c:forEach>
                    </dd>
                </dl>
            </div>
        </div>
        <div id="advMidd" class="adv90">
        	<img src="images/hzhadv.jpg" />
        </div>
        
        
       <h2 style="z-index:20;">百合推荐 
       		<a class="more" href="#">更多>></a>
       </h2>
        <div class="recommend">
        	<div id="LoginRecommend">
            	<dl>
                	<dt>
                    	<img src="people/girl/recommend1.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">洁白色的雪</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	23岁 172cm 本科<br>8张照片
                        </span>
                        <p>你好  感谢你认真看我的内心独白，我上百合网是为...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
                <dl>
                	<dt>
                    	<img src="people/girl/recommend2.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">黑色毛衣</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	33岁 164cm 本科<br>11张照片
                        </span>
                        <p>愿得一人心，白首不相离。我是一个要...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
                <dl>
                	<dt>
                    	<img src="people/girl/recommend3.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">流年</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	25岁 178cm 本科<br>3张照片
                        </span>
                        <p>等待，只为与你相遇，从相识相爱到遥远的未来。夕...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
                <dl>
                	<dt>
                    	<img src="people/boy/recommend1.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">Smile</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	23岁 181cm 本科<br>月薪：1000-1500元
                        </span>
                        <p>不会主动提分手，即使你厌倦了...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
                <dl>
                	<dt>
                    	<img src="people/boy/recommend2.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">风平浪静</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	27岁 181cm 本科<br>月薪：1000-1500元
                        </span>
                        <p>在国企工作，工作以后被公司调到内蒙古...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
                <dl>
                	<dt>
                    	<img src="people/boy/recommend3.jpg" />
                    </dt>
                    <dd>
                    	<strong style="font-weight:normal;">
                        	<a href="#">阿威</a>
                            <img src="images/vip.gif" />
                        </strong>
                        <span>
                        	37岁 173cm 本科<br>月薪：21000-2500元
                        </span>
                        <p>从小生长在沈阳的东北大院~~父母分别是上海和沈阳的...</p>
                         <a class="orange" href="#">查看资料</a>
                    </dd>
                </dl>
            </div>
        </div>
    	
        <h2>成功故事
        	<a class="more" href="uploadstorysss.jsp?buid=${currentUsersInfo.buid }">谱写自己的幸福</a>
        </h2>
        <div id="succedStory" class="story mb35">
        	<div class="bigPic">
        		<c:forEach items="${indexStory }" var="item" begin="0" end="0">
            	<a href="hzhspacesss.jsp?storyid=${item.s_num }" target="_blank" class="hzhstory">
            		<input value="${item.s_num }" hidden="true" id="${item.s_num }" />
                	<img alt="梦幻浪漫" src="${item.two_photo_index}" style="height:100%;width:100%;" />
                    <span class="label">${item.lovTags_index }</span>
                    <span class="hzhdata">
                    	<em class="like" onClick="javascript:zan()" >
                        	<strong>${item.totalticks }</strong>
                        </em>
                        <em class="story_name" style="color:#fff">一波三折</em>
                    </span>
                </a>
                </c:forEach>
            </div>
            <div class="smallPic">
            	<ul>
            		<c:forEach items="${indexStory }" var="item" begin="1" end="7">
                	<li>
                    	<a href="hzhspacesss.jsp?storyid=${item.s_num }" target="_blank" class="hzhstory">
                        	<img alt="梦幻浪漫" src="${item.two_photo_index}" />
                            <span class="label">${item.lovTags_index }</span>
                            <span class="hzhdata">
                    			<em class="like">
                                <strong>${item.totalticks }</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                    </c:forEach>
                    <!--
                    <li>
                    	<a href="hzhspace.jsp" class="hzhstory">
                        	<img alt="梦幻浪漫" src="story/2.jpg" />
                            <span class="label">梦幻浪漫</span>
                            <span class="hzhdata">
                    			<em class="like">
                                <strong>44</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                    <li>
                    	<a href="hzhspace.jsp" class="hzhstory">
                        	<img alt="夫妻相" src="story/3.jpg" />
                            <span class="label">夫妻相</span>
                            <span class="hzhdata">
                    			<em class="like">
                                <strong>44</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                    <li>
                    	<a href="hzhspace.jsp" class="hzhstory">
                        	<img alt="兴趣相投" src="story/4.jpg" />
                            <span class="label">兴趣相投</span>
                            <span class="hzhdata">
                    			<em class="like">
                                <strong>44</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                    <li>
                    	<a href="hzhspace.jsp" class="hzhstory">
                        	<img alt="夫妻相" src="story/5.jpg" />
                            <span class="label">夫妻相</span>
                            <span class="hzhdata">
                    			<em class="like">
                               		<strong>44</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                    <li>
                    	<a href="hzhspace.jsp" class="hzhstory">
                        	<img alt="真挚" src="story/6.jpg" />
                            <span class="label">兴趣相投</span>
                            <span class="hzhdata">
                    			<em class="like">
                                <strong>44</strong>
                                </em>
                    		</span>
                        </a>
                    </li>
                      -->
               	 </ul>
            </div>
        </div>
    </article>
    <footer>
    		<script type="text/javascript" src="js/foot.js"></script>
    </footer>
</body>
</html>
